<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>商品详情</title>
		<link rel="stylesheet" href="../../css/api.css" />
		<link rel="stylesheet" href="../../css/aui.css" />
		<link rel="stylesheet" href="../../css/aui-flex.css" />
  	<link rel="stylesheet" href="../../css/common.css" />
  	<link rel="stylesheet" href="../../css/detail.css">
  	<link rel="stylesheet" href="../../css/font/iconfont.css">
	</head>

	<body>
		<section class="aui-flex-row" style="height: 100%;">
			<header id="header" class="aui-bar aui-bar-nav aui-bar-light">
        <div class="aui-pull-left aui-btn">
          <span class="aui-iconfont aui-icon-left aui-text-default" onclick="closeWin();"></span>
        </div>
        <div class="aui-title">商品详情</div>
      </header>

			<div id="main" class="aui-flex-auto"></div>

 			<footer id="footer1">
				<a class="aui-pull-left collection">
					<i class="icon iconfont icon-shoucang"></i>
					<p class="aui-font-size-12">收藏</p>
				</a>
				<a class="btn">
					联系方式
				</a>
			</footer>
		</section>
	</body>
	<script src="../../script/api.js"></script>
	<script src="../../script/common.js"></script>
	<script>

		apiready = function(){
			var id = api.pageParam.id;
			var footerHeight = $api.byId('footer1').offsetHeight;
			var headerHeight = $api.byId('header').offsetHeight;
			var mainHeight = api.winHeight - headerHeight - footerHeight;

			// 打开子窗口
			api.openFrame({
			    name: 'detail_frame',
			    url: './detail_frame.html',
			    rect: {
			        x: 0,
			        y: headerHeight,
			        w: api.winWidth,
			        h: mainHeight,
			    },
			    pageParam: {
			      id: id,
			    },
			    bounces: true,
			    bgColor: 'rgba(0,0,0,0)',
			    vScrollBarEnabled: true,
			    hScrollBarEnabled: false
			});

    }
	</script>
</html>
